import React from "react";

// 右下
const Fun = React.memo((props) => {
    const { items, commentCount, setPink, getCommentList } = props
    // console.log(commentCount);

    return <>
        <div className="fun">
            <div
                className="toto"
                style={{
                    // backgroundImage: `url("../yzh-imgs/开元哥哥.png")`,
                    backgroundImage: `url(${items.users[0].imgUrl})`,
                    backgroundSize: "cover",
                    borderRadius: "5rem"
                }}>
                <img src="../yzh-imgs/加号.png" className="btn" />
            </div>
            <div
                className="pink"
                style={{
                    backgroundImage: `url("../yzh-imgs/未点赞.png")`,
                    backgroundSize: "100% 100%"
                }}>
                <p>{items.thumbsUp}</p>
            </div>
            <div
                onClick={() => {
                    setPink(true)
                    getCommentList(items._id)
                }}
                className="pink"
                style={{
                    backgroundImage: `url("../yzh-imgs/消息.png")`,
                    backgroundSize: "100% 100%"
                }}>
                <p>{commentCount}</p>
            </div>
            <div
                className="pink"
                style={{
                    backgroundImage: `url("../yzh-imgs/收藏.png")`,
                    backgroundSize: "100% 100%"
                }}>
                <p>{items.collect}</p>
            </div>
            <div
                className="pink"
                style={{
                    backgroundImage: `url("../yzh-imgs/转发.png")`,
                    backgroundSize: "100% 100%"
                }}>
                <p>{items.forward}</p>
            </div>
            <div
                className="pink"
                style={{
                    backgroundImage: `url("../yzh-imgs/未点赞.png")`,
                    backgroundSize: "100% 100%"
                }}>
            </div>
        </div>
    </>
})

export default Fun